<template>
    <div class="af-container">
        <div v-for="name in activies">
            <form-preview :header-label="活动名称" :header-value="name"
                :bodyItems="activies[name]" :footer-buttons="showDetailBtn">
            </form-preview>
        </div>
    </div>
</template>

<script>
import {FormPreview} from 'vux'

export default{
    name:"ActivityTitle",

    data(){
        return {
            activies:{
                "牛背山自由行":[
                    {
                        label: "活动创建者",
                        value: "rangel"
                    },{
                        label: "加入时间",
                        value: "2016-12-31"
                    },{
                        label: "介绍",
                        value: "从12-31到1-5日牛背山全程自由行"
                    }
                ]
            },
            showDetailBtn:[{
                style: "primary",
                text: "查看详情",
                onButtonClick: ()=>{
                    alert("查看活动详情");
                }
            }]
        }
    },

    methods:{
        cancel: function(){

        }
    },

    components:{
        FormPreview
    }
}
</script>


<style scoped>

</style>
